@mixin margin($direction, $number) {
  margin-#{$direction}: $number * 1px;
};

@mixin padding($direction, $number) {
  padding-#{$direction}: $number * 1px;
};

@mixin border($direction, $number, $color: 'black') {
  border-#{$direction}: $number $color solid;
}

@mixin color($color: "primary") {
  color: $color
}

@mixin bg-color($color: "primary") {
  background-color: $color;
}

@mixin oneToOne($key, $value) {
  #{$key}: $value
}